<template>
    <div>
        APP
        <!-- 插槽-路由容器 -->
        <router-view></router-view>
        <Tabbar v-show="isTabbarShow"></Tabbar>
    </div>
</template>
<script>
import Tabbar from './components/Tabbar.vue';
import { mapState } from 'vuex';
export default {
    components: {
        Tabbar
    },
    mounted() {
        console.log("==>", this.$store.state.TabbarModule.isTabbarShow);
    },
    // computed: {
    //     isTabbarShow() {
    //         return this.$store.state.isTabbarShow
    //     }
    // }

    // computed: mapState(['isTabbarShow'])

    //提倡写法
    computed: {
        // ...mapState(['isTabbarShow']),

        //使用module方式后的写法,需要指定具体的module名称
        ...mapState('TabbarModule', ['isTabbarShow']),
        //其他的计算属性
        aaa() {

        }
    }
}
</script>

<style>
* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}
</style>